<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    <script src="tempresources/vue.js"></script>-->
<!--    <script src="tempresources/axios.js"></script>-->
    <script src="https://unpkg.com/vue@2.7.14/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <style>
    body{
        background-image: url("img/R-C.png");
        background-size:100%;
    }
    .title{
        text-align: center;
        height: 740px;
    }
    .opption{
        text-align: center;
    }
    button{
        background-color: gold;
        width: 200px;
        height: 150px;
    }
</style>
</head>

<body>
<div id="app">
    <div class="title"><h1>欢迎</h1></div>
<div class="opption">
    <button @click="gotoempoyee()"><h1>员工</h1></button>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <button @click="gotouser()"><h1>用户</h1></button>
</div>

</div>
</body>

<script>
    new Vue({
        el:'#app',
        data:{

        },
        mounted:function (){
            // const _this=this
            // axios.interceptors.response.use(res =>{
            //     _this.msg=res.data.msg
            //     alert(_this.msg)
            //     }
            // )

        },
        methods:{
            gotoempoyee(){
                window.location.href="buck/page/login.html"
            },
            gotouser(){
                window.location.href="front/page/login.html"
            }

        }
    })
</script>
</html>